import VXETable from 'vxe-table'
import 'vxe-table/lib/style.css'

export function useVXETable(app) {
  // 使用完整组件
  app.use(VXETable)

  // 确保加载必要的组件
  app.use(VXETable.Loading)
  app.use(VXETable.Table)
  app.use(VXETable.Column)
  app.use(VXETable.Pager)

  // 全局配置
  VXETable.setup({
    // 默认全局配置
    table: {
      border: true,
      stripe: true,
      align: 'center',
      headerAlign: 'center',
      rowConfig: {
        height: 40,
      },
      columnConfig: {
        resizable: true,
        minWidth: '100px',
      },
    },
  })
}
